<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="favicon.ico" mce_href="favicon.ico" rel="icon" type="image/x-icon" />
    <title>收藏页面</title>
    <link rel="stylesheet" href="./css/person.min.css">
</head>

<body>
    <div class="conten_t">
        <div class="web_head_nav">
            <div class="nav_g">
                <div class="leftinner">
                    <a href="./index.html" class="logo_o">
                        <span class="en-name">
                            <b>z</b>Frontier
                        </span>
                        <span class="cn-name"></span>
                        <span class="bn_name">装备前线</span>
                    </a>
                </div>
                <div class="rightinner">
                    <div class="r_equip">
                        <div class="div_first">
                            <span class="choo-fn1">装备社区</span>
                            <ul class="Equipment_communi  Equipment_communi1">
                                <li>装备展示厅</li>
                                <li>zF生活</li>
                                <li>提问区</li>
                                <li>发车发车！</li>
                                <li>参议院</li>
                                <li>交易信息区</li>
                                <li>装备情报</li>
                            </ul>
                        </div>
                        <div class="div_two">
                            <span class="choo-fn2">装备商店</span>
                            <ul class="Equipment_communi  Equipment_communi2">
                                <li>
                                    <span class="iconfont" style="font-size: 20px;">&#xe616;</span>
                                    <span>机械键盘</span>
                                </li>
                                <li>
                                    <span class="iconfont" style="padding-right: 25px;">&#xe60e;</span>
                                    <span>键帽</span>
                                </li>
                                <li>
                                    <span class="iconfont">&#xe688;</span>
                                    <span>发烧 HiFi</span>
                                </li>
                                <li>
                                    <span class="iconfont">&#xe61c;</span>
                                    <span>模玩手办</span>
                                </li>
                                <li>
                                    <div class="emo_such">
                                        <span>pc主机</span>
                                        <span>日常数码</span>
                                        <span>NS专区</span>
                                        <span>PS4专区</span>
                                        <span>无人机</span>
                                        <span>支付宝信用租</span>
                                    </div>
                                    <span class="more_such">查看全部</span>
                                </li>
                            </ul>
                        </div>
                        <div class="div_third">
                            <span class="choo-fn3">MYKB</span>
                            <ul class="Equipment_communi  Equipment_communi3">
                                <li>定制工具</li>
                                <li>热门设计</li>
                                <li>MYKB Plus 主题键帽</li>
                                <li>定制说明</li>
                            </ul>
                        </div>

                    </div>
                    <div class="avater_a">
                        <span class="iconfont" style="font-size: 21px;color: #999;">&#xe651;</span>
                        <div>
                            <img src="./images/avater3.jfif" alt="" class="nknamepic">
                            <span class="iconfont ic_span">&#xee1c;</span>
                            <ul class="inner_we">
                                <li>我的主页</li>
                                <li>
                                    <span class="iconfont">&#xe60a;</span>
                                    <span>我的帖子</span>
                                </li>
                                <li>
                                    <span class="iconfont">&#xe600;</span>
                                    <span>购物车</span>
                                </li>
                                <li>
                                    <span class="iconfont">&#xe78a;</span>
                                    <span>我的订单</span>
                                </li>
                                <li>
                                    <span class="iconfont">&#xe6d7;</span>
                                    <span>MYKB设计</span>
                                </li>
                                <li>
                                    <span class="iconfont">&#xe60c;</span>
                                    <span class="logout">登录</span>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="cons_t">
            <div class="main-left">
                <div class="page_header">
                    <a href="" class="act active1">我赞过的帖</a>
                    <a href="" class="act active2">我收藏的帖</a>
                </div>
                <div style="border-bottom: 1px solid #F3F4F5;margin-top: 4px;margin-bottom: 36px;"></div>
                <div class="artlist">


                </div>
                <div class="page-secton">
                    <div class="post">
                        &lt;(▰˘◡˘▰)&gt; 没有帖子
                    </div>
                </div>
            </div>
            <div class="right-side">
                <div class="side-section">
                    <span class="zf-logo"></span>
                    控制面板
                </div>
                <ul class="choose_two">
                    <li>
                        <span class="iconfont i_confont">&#xe60b;</span>
                        <span class="manag_e">消息</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xe615;</span>
                        <span manag_e>私信</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xe8c0;</span>
                        <span manag_e>优惠码</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xe78a;</span>
                        <span manag_e>我的订单</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xe6d7;</span>
                        <span manag_e>MYKB设计</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xe619;</span>
                        <span manag_e>任务中心</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xe62e;</span>
                        <span manag_e>会员中心</span>
                    </li>
                    <li class="tools">
                        <span class="iconfont i_confont">&#xe609;</span>
                        <span manag_e>设置</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xec7f;</span>
                        <span manag_e>我的赞</span>
                    </li>
                    <li>
                        <span class="iconfont i_confont">&#xe8c6;</span>
                        <span manag_e>我的收藏</span>
                    </li>
                </ul>
            </div>

        </div>
        <!-- footer -->
        <div class="b_content">
            <div class="bottom_info">
                <div class="wrap">
                    <div class="na_v first_in">
                        <div>zFrontier</div>
                        <ul>
                            <li>前线指南</li>
                            <li>用户协议</li>
                            <li>在线客服</li>
                            <li>联系前线</li>
                            <li>加入我们</li>
                        </ul>
                    </div>
                    <div class="na_v second_in">
                        <div>合作厂商</div>
                        <ul>
                            <li>WASD Keyboards</li>
                            <li>Das Keyboard</li>
                            <li>Feenix</li>
                            <li>GMK</li>
                        </ul>
                    </div>
                    <div class="na_v third_in">
                        <div>友情链接</div>
                        <ul>
                            <li>KeebTalk</li>
                            <li>Geekhack</li>
                            <li>Top Clack</li>
                        </ul>
                    </div>
                    <ul class="right_car">
                        <li>
                            <i class="iconfont ic">&#xe600;</i>
                            <a href="" style="color: #999;">Global Store</a>
                        </li>
                    </ul>

                </div>
                <div class="hr"></div>
                <div class="left">
                    <div class="botto_m">
                        <div class="copyright">
                            Copyright © zFrontier Group Limited 保留所有权利。
                        </div>
                        <a href="">沪ICP备16013533号&nbsp;&nbsp;</a>
                        <a href="">沪ICP证B2-20180587&nbsp;&nbsp;</a>
                        <span>
                            <img src="./images/icon-wan.png" alt="">
                            <a href="">沪公网安备 31010602006270号&nbsp;&nbsp;</a>
                        </span>
                        <a href="">营业执照公示</a>
                    </div>
                    <a href="" class="b_img">
                        <img src="./images/web-app-logo.webp" alt="">
                    </a>
                </div>

            </div>
        </div>
    </div>
    <script>
        let act = document.querySelectorAll('.act');
        // console.log(act[0]);
        act[0].addEventListener('click', act1fn);
        act[1].addEventListener('click', act2fn);
        function act1fn() {
            act[0].style.borderBottom = 0;
            act[0].href = './supports.html'
        }
        function act2fn() {
            act[1].style.borderBottom = 0;
            act[1].href = './collect_s.html'
        }
        let tools = document.querySelector('.tools');
        // console.log(tools);
        tools.onclick = function () {
            // console.log(11);
            window.location.href = './PersonalSettings.html';
        }
    </script>
    <script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/axios/0.26.0/axios.min.js"></script>
    <script src="./js/personpic.js"></script>
    <script src="./js/collect.js"></script>
</body>

</html>